home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 February / PCWFEB09.iso / Software / Resources / Burning & Media / GB-PVR 1.2.13 / GBPVR10213.msi / Cabs.w1.cab / search_results.css570 < prev    next >
Encoding:
Text File  |  2008-01-06  |  9.8 KB  |  428 lines
  1. /*
  2. CSS for Search Results page.
  3. */
  4.  
  5. #DIV_CONTENTS {
  6.     /* 
  7.     This is the divider line between the header and the content section.
  8.     Specifying any values here will override the default values found in styles.css
  9.     */
  10. }
  11. #RECORDINGS_HEADER {
  12.     /*
  13.     Positioning for the fixed row containing the header information for the programme information.
  14.     */
  15.     position:absolute; 
  16.     width:100%; 
  17.     height:25px; 
  18.  
  19.     left:0; 
  20.  
  21.     background-color:#dcdcdc;
  22.     color:#000000;
  23.     overflow:hidden;
  24. }
  25. .forcedScrollbar {
  26.     /* 
  27.     This is a surrounding div which forces the header to display a scrollbar when the content area becomes full.
  28.     Height should be set to more than the height of #RECORDINGS_HEADER (100 pixels more should be sufficient)
  29.     With proper z-indexing, doing this ensures a vertical scrollbar will appear. The extra content is simply hidden behind the
  30.     regular content area which has a higher z-index.
  31.     */
  32.     height:125px;
  33.     overflow-y:scroll;    /* force scrolling */
  34.     background-color:#dcdcdc;
  35.     
  36.     display:inline-block;
  37.     position:relative;
  38.  
  39.     width:100%;
  40.     border-width:0;
  41.     padding:0;
  42. }
  43. #FILTERS {
  44.     /* 
  45.     This is the area to select the option of TreeView or Table View.
  46.     */
  47.     width:100%;
  48.     top:95px;
  49.     position:absolute;
  50.     left:0;
  51.  
  52.     padding: 11px 0px 0px 0px;
  53.     
  54.     z-index:8;
  55. }
  56. #treeView {
  57.     /* 
  58.     Contains the priamry sort information for TreeView.
  59.     */
  60.     float:left;
  61.     margin-left: 5px;
  62.     display: block;
  63.     color: #000000;
  64.     padding-left: 5px;
  65.     padding-right: 5px;
  66.     border: 1px solid #556b2f;
  67.     background: #ece8d0;
  68.     font-size: 1em; 
  69. }
  70. #SORT_HEADER {
  71.     /* 
  72.     Contains the sort information for TreeView.
  73.     */
  74.     position:absolute;
  75.     top:331px;
  76.     color: #000000;
  77.     left:0;
  78.     padding: 2px 0px 0px 0px;
  79.     overflow:auto;
  80. }
  81. #sortResults {
  82.     /* 
  83.     Contains the priamry sort information for TreeView.
  84.     */
  85.     float:left;
  86.     margin-left: 4px;
  87.     display: block;
  88.     margin-right:4px;
  89.     padding-left: 5px;
  90.     padding-right: 5px;
  91.     border: 1px solid #556b2f;
  92.     background: #ece8d0;
  93.     font-size: 1em; 
  94. }
  95. #sortResults2 {
  96.     /* 
  97.     Contains the secondary sort information for TreeView.
  98.     */
  99.     float:left;
  100.     display: block;
  101.     padding-left: 5px;
  102.     padding-right: 5px;
  103.     border: 1px solid #556b2f;
  104.     background: #ece8d0;
  105.     font-size: 1em; 
  106. }
  107.     /* 
  108.     Start Record Settings: Contains the area for selecting the recording information for the selected programme(s).
  109.     */
  110. #OPTIONS_DIV, #BUTTONS_DIV, #QUALITY_DIV, #UPDATE_DIV {
  111.     background-color:#000000;
  112.     height:1px;
  113.     width:100%;
  114.     overflow: hidden;
  115.     clear:both;
  116. }
  117.  
  118. #OPTIONS_DIV 
  119. {
  120.     position:absolute;
  121. }
  122.  
  123. #RECORD_QUALITY SELECT {
  124.     line-height:20px;
  125.     vertical-align:middle;
  126.     border: 1px solid black;
  127.     background-color: #fff5ee;
  128.     padding: 2px 2px 2px 2px;
  129.     height:22px;
  130.     margin-right:15px;
  131.     margin-left:3px;
  132. }
  133.  
  134. #RECORD_PADDING {
  135.     margin-bottom:5px;
  136. }
  137.  
  138.  
  139. #RECORD_PADDING INPUT, #RECORD_QUALITY INPUT {
  140.     line-height:20px;
  141.     vertical-align:middle;
  142.     text-align: center;
  143.     border: 1px solid black;
  144.     background-color: #fff5ee;
  145.     padding: 1px 0px 0px 0px;
  146.     padding-top: 0px;
  147.     height:22px;
  148.     margin-left:3px;
  149. }
  150.  
  151. #RECORD_QUALITY, #RECORD_PADDING {
  152.     position: relative;
  153.     display: inline-block;
  154.     clear:both;
  155.     margin-top:5px;
  156.     line-height:20px;
  157.     vertical-align:middle;
  158.     white-space: nowrap;
  159.     overflow: hidden;
  160.     margin-left:5px;
  161. }
  162.  
  163. #RECORD_OPTIONS INPUT {
  164.     vertical-align:top;
  165. }
  166.  
  167. #RECORD_OPTIONS {
  168.     clear:left;
  169.     display: inline-block;
  170.     padding:0;
  171.     margin: 0px 5px 0px 5px;
  172.  
  173.     overflow: hidden;
  174.     line-height: 20px;
  175.     vertical-align:baseline;
  176. }
  177.  
  178. #RECORD_OPTIONS_LEFT, #RECORD_OPTIONS_RIGHT, #RECORD_DAYS_2, #RECORD_DAYS_3, #RECORD_DAYS_4 {
  179.     float:left;
  180.     margin: 0px 0px 0px 10px;
  181.     padding: 3px 0px 3px 0px;
  182. }
  183.  
  184. #RECORD_OPTIONS_LEFT {
  185.     margin: 0px 20px 0px 0px;
  186. }
  187.  
  188. #RECORD_DAYS INPUT {
  189.     float:left;
  190. }
  191.  
  192. #RECORD_DAYS label {
  193.     float:left;
  194.     margin-right:15px;
  195.     vertical-align: middle;
  196. }
  197.  
  198. #RECORD_DAYS_2, #RECORD_DAYS_4 {
  199.     margin-left:0px;
  200. }
  201. #DAYS_LIST {
  202.     background-color: #99BBEE;
  203.     color: #000000;
  204.     border-left: 1px solid #000000;
  205.     border-right: 1px solid #000000;
  206.     float:left;
  207.     margin: 1px 0px 0px 20px;
  208.     padding: 0px 5px 0px 2px;
  209. }
  210.  
  211. .padText {
  212.     width:155px;
  213.     text-align: right;
  214.     white-space: nowrap;
  215.     display: inline-block;
  216.     overflow: visible;
  217.     float:left;
  218.     clear:left;
  219.     vertical-align: middle;
  220.     line-height:20px;
  221. }
  222.  
  223. #UPDATE_TEXT {
  224.     float:left;
  225. }
  226.  
  227. #UPDATE_TEXT INPUT {
  228.     width:38px;
  229.     margin-bottom: 3px;
  230. }
  231.  
  232. #UPDATE_GROUP {
  233.     margin: 5px 5px 0px 0px;
  234.     clear:both;
  235.     display: inline-block;
  236. }
  237. #RECORD_BUTS A {
  238.     text-decoration: none;
  239.     font-size: 11px;
  240.     font-weight:bold;
  241.     color: #000000;
  242.  
  243.     display: inline-block;
  244.     
  245.     border: 1px solid #000000;
  246.     margin: 2px 0px 0px 4px;
  247.     padding: 0px 6px 0px 6px;
  248.     background-color: #0066EE;
  249.     
  250.     /*  */
  251.     white-space: nowrap;
  252.     text-align: center;
  253.     vertical-align: middle;
  254.     line-height:24px;
  255.  
  256.     overflow: visible;
  257.     float:left;
  258. }
  259.  
  260. #RECORD_BUTS A:hover {
  261.     background-color: #00BBFF;
  262. }
  263.  
  264. #RECORD_BUTS {
  265.     display: inline-block;
  266.     margin: 5px 5px 0px 5px;
  267. }
  268.  
  269. #RECORD_BUTS {
  270.     margin: 3px 5px 5px 0px;
  271.     float:left;
  272.     clear:both;
  273. }
  274.  
  275. #ERROR_MESSAGE {
  276.     clear:both;
  277.     font-size: 12px;
  278.     color: #000000;
  279.     font-weight: bold;
  280.     background-color: #ff9f9f;
  281.     border: 1px solid #808080;
  282.     top:293px;
  283.     left:135px;
  284.     position:absolute;
  285. }
  286.     /* 
  287.     End Record Settings: Contains the area for selecting the recording information for the selected programme(s).
  288.     */
  289.  
  290. .selectall {
  291.     /* 
  292.     Styling for the select all check box in the header row
  293.     */
  294.     font-weight: bold;
  295.     vertical-align:middle;
  296.     text-align:center;
  297. }
  298.  
  299. /*
  300. *********************************************************************************************************************
  301. Absolute Positioning and Height                                                            
  302.  
  303. These values are consolidated into one place to make it easier to change size attributes seeing as changing
  304. any one of these values can affect all the others. Main declarations for these values appear earlier in the style sheet
  305. and then actual positioning values here.
  306.  
  307. These values are the key to maintaining proper size, positioning and scrolling behavior.
  308. *********************************************************************************************************************
  309. */
  310.  
  311. BODY {
  312.     /*
  313.     In order to maintain proper positioning and fixed scrolling, these values must be specified.
  314.     In effect, this absolutely positions the main body within the borders of the scrolling area.
  315.     Top value is the same as the top value of #RECORDINGS.
  316.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  317.     */
  318.     margin-top:133px;
  319.     margin-bottom:49px;
  320. }
  321. #HEADER {
  322.     /* 
  323.     The height of the entire header area from page top to the bottom of the navigation tabs.
  324.     The actual nav tabs are floated within this div.
  325.     */
  326.     height:92px;
  327. }
  328. #NAV_ROW {
  329.     /* 
  330.     The is the row containing the navigation tabs.
  331.     It is typically positioned at the bottom of the header
  332.     */
  333.     top:62px;
  334. }
  335. #NAV_ROW, #NAV_ROW A {
  336.     /* determines the height of the main navigation tabs */
  337.     height:32px;
  338. }
  339. #DIV_DATELINE {
  340.     /*
  341.     This is the divider line between the main header above and the section containing the server time
  342.      */
  343.     top:91px;
  344. }
  345. #DATELINE {
  346.     /* 
  347.     This is the section containing the server time, date, etc.
  348.     */
  349.     top:92px;
  350. }
  351. #REMINDER_DIV, #DATELINE {
  352.     /* Height of these individual elements would normally be the same as #DATELINE */
  353.     /*    Contains the Genre, date, time and GO button.*/
  354.     height:40px;
  355. }
  356. #FILTERS {
  357.     /* Height of these individual elements would normally be the same as #DATELINE */
  358.     /*    Contains the Genre, date, time and GO button.*/
  359.     height:10px;
  360. }
  361. #DIV_HEADER {
  362.     top:333px;
  363. }
  364. #RECORDINGS_HEADER {
  365.     /* 
  366.     This section contains the main, non-scrolling timeline at the top of the content section.
  367.     */
  368.     top:333px;
  369.     height:25px;
  370. }
  371. #DIV_CONTENTS {
  372.     /*
  373.     This is A divider line between any fixed top section within the content area and the content itself.
  374.     This is typically used in the guide page to separate the showtime header from the content.
  375.     In other pages which don't need this functionality it can simply be hidden.
  376.      */
  377.     top:358px;
  378. }
  379. #CONTENTS {
  380.     /* 
  381.     This is the main content area.
  382.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  383.     Both top and bottom values must be specified.
  384.     Top value would be the height of all foxed content above it.
  385.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  386.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  387.      */
  388.     top:358px;
  389.     bottom:47px;
  390.     overflow-x:hidden;
  391. }
  392. #treeControl {
  393.     /* 
  394.     This is the main content area.
  395.     To ensure proper scrolling behavior it MUST be absolutely positioned.
  396.     Both top and bottom values must be specified.
  397.     Top value would be the height of all foxed content above it.
  398.     Bottom value would be the height of the footer area minus the height of the divider    for the footer.
  399.     Values must be tweaked due to differences in how IE and Firefox interpret the box model.
  400.      */
  401.     position: absolute;
  402.     top:358px;
  403.     left: 5px;
  404.     bottom:47px;
  405.     overflow-x:hidden;
  406.     overflow-y:auto;
  407.     width:100%;
  408. }
  409. #DIV_FOOTER {
  410.     /* 
  411.     The divider between the main content area and the footer.
  412.     It must be absolutely positioned.
  413.     The bottom value would typically be the same as the height of the footer
  414.     */
  415.     bottom:50px;
  416. }
  417. #FOOTER {
  418.     /* 
  419.     Fixed area at the bottom of every page. This must be absolutely posiitioned for proper scrolling
  420.     Certain content will always be contained in this section such as standard GB-PVR documentation links and credits,
  421.     but it contains and left and right section which can be customized on each page.
  422.     
  423.     If the size of the footer changes make sure to adjust the content area's bottom value as well as the
  424.     divider section for the footer.
  425.     */
  426.     height:50px;
  427.     overflow:hidden;
  428. }